﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/brand.css">
    <script src="/lib/jquery/jquery.js"></script>
    <script src="/js/brandAndRank.js"></script>
    <title>品牌大全分类</title>
</head>

<body>
    <!-- 头部和搜索栏 -->
    <div class="layout">
        <!-- 顶部 -->
        <header class="mmb_header">
            <h1>
                <a href="/">
                    <img src="/images/header_logo.png" alt="">
                </a>
            </h1>
            <div>
                <a href="javascript:void(0)">
                    <img src="/images/header_app.png" alt="">
                </a>
            </div>
        </header>
        <div class="sousuo">
            <input type="search" placeholder="请输入你相比价的商品" class="sousuo_k">
            <button>搜索</button>
        </div>
        <!-- 分类 -->
        <form>
            <div class="nav">
                <a href="JavaScript:;" class="nav_l">首页<span class="glyphicon glyphicon-menu-right"></span></a>
                <a href="brand.html" class="nav_l">品牌大全<span class="glyphicon glyphicon-menu-right"></span></a>
                <a href="JavaScript:;" class="nav_l a"><span class="glyphicon glyphicon-menu-right"></span></a>
            </div>
            <div class="nav_hot2">平板电脑哪个牌子好</div>
            <div class="sortlist">
            </div>
        </form>
        <!-- 销量 -->
        <div class="rank">
            <div class="rank_header">平板电视产品销量排行</div>
            <div class="rank_content">
                <ul class="rank_ul clear clearfix"></ul>
            </div>

        </div>
        <!-- 评论 -->
        <div class="comment_title"></div>
        <ul id="comment"></ul>
        <!-- 底部 -->
        <div id="foot">
            <div class="foot_top">
                <a href="javascript:;">登录</a> <a href="javascript:;">注册</a>
                <a href="#" style="width: 40%; border: 0;">
                    <img src="/images/top.jpg" />返回顶部
                </a>
            </div>
            <div class="footer">
                <p>
                    <a href="javascript:;" onclick="trackEvent('footer下载');" style="color: Red;">手机APP下载
                    </a>
                    <a href="javascript:;">慢慢买手机版</a> -- 掌上比价平台
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </div>
    </div>

</body>
<script type="text/template" id="brandIDTmp">
    {{each result as value index}}
    <ul class="as">
        <li>
            <a href="javascript:;" class="sortlist_l">
                {{if index == 0}}
                <span class="list_id red">{{index+1}}</span>
                {{else if index ==1}}
                <span class="list_id blue">{{index+1}}</span>
                {{else if index ==2}}
                <span class="list_id green">{{index+1}}</span>
                {{else}}
                <span class="list_id">{{index+1}}</span>
                {{/if}}
                <div class="a_right">
                    <div class="title">{{value.brandName}}</div>
                    <p class="count">{{value.brandInfo}}</p>
                </div>
                <span class="txt glyphicon glyphicon-menu-right"></span>
            </a>
        </li>
    </ul>
    {{/each}}
</script>
<script type="text/template" id="rankTmp">
{{each result as value index}}
        <li>
            <a href="">
                <div class="pic clearfix"> {{#value.productImg}} </div>
                <div class="rank_in clearfix">
                    <p class="rank_title ">{{value.productName}}</p>
                    <p class="rank_price ">
                        <em>{{value.productPrice}}</em>
                        <span class="star">
                            <em class="stars glyphicon glyphicon-star "></em>
                            <em class="stars glyphicon glyphicon-star "></em>
                            <em class="stars glyphicon glyphicon-star "></em>
                            <em class="stars glyphicon glyphicon-star "></em>
                            <em class="stars glyphicon glyphicon-star "></em>
                        </span>
                    </p>
                    <p class="rank_comment ">
                        <em>{{value.productQuote}}</em>
                        <em>{{value.productCom}}</em>
                    </p>
                </div>
            </a>
        </li>
{{/each}}
</script>
<script type="text/template" id="list1">
    {{ each lis as value index }}
    <li>
        <a href="javascript:;">
            <div class="comment_top">
                <div class="src">{{#src}}</div>
                <div class="title">{{name}}</div>
            </div>
            <div class="comment_bottom">
                <i></i>
                <p>{{ value.comName }}:
                        <span>
                            <em class="glyphicon glyphicon-star star"></em>
                            <em class="glyphicon glyphicon-star star"></em>
                            <em class="glyphicon glyphicon-star star"></em>
                            <em class="glyphicon glyphicon-star star"></em>
                            <em class="glyphicon glyphicon-star star"></em>
                            <span class="fr">
                        </span>
                        <span class="date">{{ value.comTime }}<span>
                    </span>
                </p>
                <p>
                    {{ value.comContent }}
                </p>
                <p class="clearfix">
                    <span class="fr">
                        {{ value.comFrom }}
                    </span>
                </p>
            </div>
        </a>
    </li>
    {{ /each }}
</script>
<script src="/js/template.js"></script>

</html>